<!--<!DOCTYPE html>-->
<!--<html lang="en">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <meta http-equiv="X-UA-Compatible" content="IE=edge">-->
<!--    <meta name="viewport" content="width=device-width, initial-scale=1.0">-->
<!--    <link rel="stylesheet" href="/css/bootstrap.min.css">-->
<!--	<script src="/js/jquery-3.6.0.min.js"></script>-->
<!--&lt;!&ndash;	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>&ndash;&gt;-->
<!--	<style>-->
<!--		*{-->
<!--			margin: 0 auto;-->
<!--		}-->
<!--		body{-->
<!--			background-color: #343a40;-->
<!--		}-->
<!--		.container{-->
<!--			position: relative;-->
<!--			top: 100px;-->
<!--		}-->
<!--		.news-nav{-->
<!--			clear: both;-->
<!--			height: 80px;-->
<!--			margin-left: 10px;-->
<!--			margin-right: 10px;-->
<!--			width: 300px;-->
<!--			margin: 0 auto;-->
<!--		}-->
<!--		.news-nav li{-->
<!--			float: left;-->
<!--			list-style-type: none;-->
<!--			margin: 0 10px;-->
<!--			font-size: 30px;-->
<!--			display: block;-->
<!--			width: 86px;-->
<!--			height: 79px;-->
<!--			text-align: center;-->
<!--			line-height: 79px;-->
<!--			font-weight: bold;-->
<!--			color: #007bff;-->
<!--			cursor: pointer;-->
<!--		}-->
<!--		.news-nav li.on{-->
<!--			color: #74dcff;-->
<!--			border-bottom-color: #74dcff;-->
<!--			border-bottom-style: solid;-->
<!--			border-bottom-width: 2px;-->
<!--		}-->
<!--		#index-news-list-2{-->
<!--			display: none;-->
<!--		}-->
<!--		.modal-dialog{-->
<!--			max-width: 100% !important;-->
<!--		}-->
<!--		.modal-content{-->
<!--			background:rgba(0,0,0,0.3);-->
<!--			width: 700px;-->
<!--		}-->
<!--		.loginForm{-->
<!--			width: 400px;-->
<!--		}-->
<!--		.loginForm .form-group{-->
<!--			margin: 30px 0;-->
<!--		}-->
<!--		.loginForm .form-group .form-control{-->
<!--			height: 40px;-->
<!--			font-size: 15px;-->
<!--		}-->
<!--		input[type="checkbox"]{-->
<!--			position:relative;-->
<!--			top:-2px;-->
<!--			vertical-align: middle;-->
<!--			cursor: pointer;-->
<!--			zoom:1.6;-->
<!--		}-->
<!--		input[type="radio"]{-->
<!--			position:relative;-->
<!--			top:-3px;-->
<!--			vertical-align: middle;-->
<!--			cursor: pointer;-->
<!--			zoom:1.6;-->
<!--		}-->
<!--		.btn-primary{-->
<!--			background-color: #3e4963;-->
<!--			border: 0px solid transparent;-->
<!--			width: 400px;-->
<!--			height: 50px;-->
<!--			font-size: 24px;-->
<!--			font-family: STKaiti;-->
<!--		}-->
<!--		label{-->
<!--			color: #fff;-->
<!--			font-size: 16px;-->
<!--		}-->

<!--	</style>-->
<!--    <title>登录</title>-->
<!--</head>-->
<!--<body>-->
<!--            <div class="container">-->
<!--                <p class="h1 text-center text-danger">Log In</p>-->
<!--                <form class="loginForm" id="loginForm" action="" method="post">-->
<!--                      <div class="form-group">-->
<!--                          <input class="form-control required" name="name" id="name" type="text" placeholder="请输入用户名"required="required">-->
<!--                      </div>-->
<!--                      <div class="form-group">-->
<!--                        <input class="form-control required" name="phone" id="phone" type="text" placeholder="请输入您的手机号" reuqired pattern="^[0-9]{11}$" required="required">-->
<!--                    </div>-->
<!--                      <div class="form-group">-->
<!--                          <input class="form-control required" name="password" id="password" type="password" placeholder="请输入密码"required="required">-->
<!--                      </div>-->
<!--                      <div class="form-group">-->
<!--                          <label for="remember">-->
<!--                            <input type="checkbox" name="remember" id="remember" value="0"/> 记住我-->
<!--                          </label>-->
<!--                      </div>-->
<!--                      <div class="form-group">-->
<!--                          <button class="btn btn-primary" type="submit" value="登录">登录</button><br><br>-->
<!--                          <button class="btn btn-primary" type="button"  value="找回密码"><a href="retrieve.html">找回密码</a> </button>-->
<!--                      </div>-->

<!--                 </form>-->
<!--            </div>-->
<!--    <div class="container">-->
<!--        <br><br><br><br><br><br>-->
<!--        <div class="text-center mt-2">-->
<!--            <h1>Login In</h1>-->
<!--        </div>-->
<!--        <form action="" class="was-validated">-->
<!--            &lt;!&ndash;need-validated 之后检查&ndash;&gt;-->
<!--            <div class="form-group">-->
<!--                <label for="uname">用户名:</label>-->
<!--                <input type="text" class="form-control" id="uname" placeholder="Enter username" name="uname" required>-->
<!--                &lt;!&ndash;Provide Feedback for UserName&ndash;&gt;-->
<!--                <div class="valid-feedback">Completed Successfully</div>-->
<!--                <div class="invalid-feedback">Please fill out this username</div>-->
<!--            </div>-->

<!--            <div class="form-group">-->
<!--                <label for="pwd">密码:</label>-->
<!--                <input type="password" class="form-control" id="pwd" placeholder="Enter password" name="pswd" required>-->
<!--                &lt;!&ndash;Provide Feedback for Password&ndash;&gt;-->
<!--                <div class="valid-feedback">Completed Successfully</div>-->
<!--                <div class="invalid-feedback">Please fill out this password field</div>-->
<!--            </div>-->

<!--            <div class="row">-->
<!--                <div class="col-4"></div>-->
<!--                <button type="submit" class="btn btn-primary col-2">Submit</button>-->
<!--                <button type="reset" class="btn btn-danger col-2 ml-5">Forget Password</button>-->
<!--                <div class="col-2"></div>-->
<!--            </div>-->
<!--        </form>-->
<!--    </div>-->
<!--</body>-->
<!--</html>-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <script src="/js/jquery-3.6.0.min.js"></script>
    <!--	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>-->
    <style>
        .div1
        {
            color: white;
            font-size: 33px;
            font-weight: 800;
            font-style: oblique;
        }
        .font_a
        {
            color: gray;
            font-size: 25px;
            font-weight: 800;
        }
        .font_b
        {
            color: cornflowerblue;
            font-size: 25px;
            font-weight: 800;
        }
        .font_c{
            color: white;
            font-size: 25px;
            font-weight: 800;
        }
        .font_d{
            color: black;
            font-size: 25px;
            font-weight: 800;
        }
        .div4
        {
            color: orange;
            font-size: 30px;
            font-weight: 1000;
            font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        }
        .div5
        {
            color: rgba(148, 137, 137, 0.836);
            font-size: 30px;

        }
        *{
            margin: 0 auto;
        }


        .news-nav li{
            float: left;
            list-style-type: none;
            margin: 0 10px;
            font-size: 30px;
            display: block;
            width: 86px;
            height: 79px;
            text-align: center;
            line-height: 79px;
            font-weight: bold;
            color: #007bff;
            cursor: pointer;
        }
        .news-nav li.on{
            color: #74dcff;
            border-bottom-color: #74dcff;
            border-bottom-style: solid;
            border-bottom-width: 2px;
        }

        .loginForm{
            width: 400px;
        }
        .loginForm .form-group{
            margin: 30px 0;
        }
        .loginForm .form-group .form-control{
            height: 40px;
            font-size: 15px;
        }
        input[type="checkbox"]{
            position:relative;
            top:-2px;
            vertical-align: middle;
            cursor: pointer;
            zoom:1.6;
        }
        input[type="radio"]{
            position:relative;
            top:-3px;
            vertical-align: middle;
            cursor: pointer;
            zoom:1.6;
        }
        .btn-primary{
            background-color: #3e4963;
            border: 0px solid transparent;
            width: 400px;
            height: 50px;
            font-size: 24px;
            font-family: STKaiti;
        }
        label{
            color: #fff;
            font-size: 16px;
        }

    </style>
    <title>登录</title>
</head>
<body style="background-color: rgb(218, 211, 211);">
<div class="container-fluid mt-2 shadow" style="background-color:white; height: 100px;">
    <div class="row">
        <div class="col-sm-1"></div>
        <div class="col-sm-2 div1 text-center" style="background-color: orange;">
            电影网<br>www.dyw.cn
        </div>
        <div class="col-sm-1"></div>
        <div class="col-sm-4 row">
            <div class="col-sm-3 mt-4">
                <a href="/index.jsp" class="font_a">首页</a>
            </div>
            <div class="col-sm-3 mt-4">
                <a href="index_movie.html" class="font_a">电影</a>
            </div>
            <div class="col-sm-3 mt-4">
                <a href="index_cinema.html" class="font_a">影院</a>
            </div>
            <div class="col-sm-3 mt-4">
                <a href="index_information.html" class="font_a">资讯</a>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="row">
                <div class="col-sm-6"></div>
                <div class="col-sm-2 mt-4">
                    <a href="login.html" class="font_b">登录</a>
                </div>
                <div class="col-sm-4 mt-4">
                    <a href="regist.html" class="font_a">免费注册</a>
                </div>
            </div>
        </div>
    </div>
</div><!--伟珺做的顶部导航栏-->
<div class="container-fluid mt-2" style="background-color: white;">
    <div class="container-fluid">
        <p class="h1 text-center "style="color: orange">Log In</p>
        <form class="loginForm" id="loginForm" action="" method="post">
            <div class="form-group">
                <input class="form-control required" name="name" id="name" type="text" placeholder="请输入用户名"required="required">
            </div>
            <div class="form-group">
                <input class="form-control required" name="phone" id="phone" type="text" placeholder="请输入您的手机号" reuqired pattern="^[0-9]{11}$" required="required">
            </div>
            <div class="form-group">
                <input class="form-control required" name="password" id="password" type="password" placeholder="请输入密码"required="required">
            </div>
            <div class="form-group">
                <label for="remember">
                    <input type="checkbox" name="remember" id="remember" value="0"/> <a class="font_d"><small>记住我</small></a>
                </label>
            </div>
            <div class="form-group row">
                <button class="btn col-sm-5" type="submit" value="登录"style="background-color: orange"><a class="font_c">登录</a></button>
                <div class="col-sm-2"></div>
                <button class="btn col-sm-5" type="button"  value="找回密码"style="background-color: orange"><a href="retrieve.html"class="font_c">找回密码</a> </button>
            </div>

        </form>
        <br>
    </div>

</div>

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-2 div4 text-center mt-3">
            电影网<br>www.dyw.cn
        </div>
        <div class="col-sm-4"></div>
        <div class="col-sm-3 div5 mt-3">
            <span style="color: black;">客服电话: 410-647-6688</span><br>
            <small><h4>服务时间: 9:00-21:00</h4></small>
        </div>
        <div class="col-sm-3 div5 mt-3">
            <small><h4>企业团购请详细咨询</h4></small>
            <span style="color: black;">电话: 13461582649</span>
        </div>
    </div>
    <hr>
    <small class="sm1">豫ICP备15698号-1 Copyright @2022-2025 dyw.cn 版权所有 电影网(郑州) 网络科技有限大学</small>
</div><!--底部-->
</body>
<!--    <div class="container">-->
<!--        <br><br><br><br><br><br>-->
<!--        <div class="text-center mt-2">-->
<!--            <h1>Login In</h1>-->
<!--        </div>-->
<!--        <form action="" class="was-validated">-->
<!--            &lt;!&ndash;need-validated 之后检查&ndash;&gt;-->
<!--            <div class="form-group">-->
<!--                <label for="uname">用户名:</label>-->
<!--                <input type="text" class="form-control" id="uname" placeholder="Enter username" name="uname" required>-->
<!--                &lt;!&ndash;Provide Feedback for UserName&ndash;&gt;-->
<!--                <div class="valid-feedback">Completed Successfully</div>-->
<!--                <div class="invalid-feedback">Please fill out this username</div>-->
<!--            </div>-->

<!--            <div class="form-group">-->
<!--                <label for="pwd">密码:</label>-->
<!--                <input type="password" class="form-control" id="pwd" placeholder="Enter password" name="pswd" required>-->
<!--                &lt;!&ndash;Provide Feedback for Password&ndash;&gt;-->
<!--                <div class="valid-feedback">Completed Successfully</div>-->
<!--                <div class="invalid-feedback">Please fill out this password field</div>-->
<!--            </div>-->

<!--            <div class="row">-->
<!--                <div class="col-4"></div>-->
<!--                <button type="submit" class="btn btn-primary col-2">Submit</button>-->
<!--                <button type="reset" class="btn btn-danger col-2 ml-5">Forget Password</button>-->
<!--                <div class="col-2"></div>-->
<!--            </div>-->
<!--        </form>-->
<!--    </div>-->

</html>